<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../layui/jquery-1.10.2.js"></script>

</head>
<body>
<div>
    <center style="margin-left: 300px;margin-right: 300px">
        <div id="show" >
        </div>
    </center>

<audio id="haorooms" src="../layui/lingdang.mp3"></audio>
</body>
<script>

    var socket;
    if(typeof(WebSocket) == "undefined") {
        console.log("您的浏览器不支持WebSocket");
    }else{
        console.log("您的浏览器支持WebSocket");
        //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
        //等同于socket = new WebSocket("ws://localhost:8083/checkcentersys/websocket/20");
        socket = new WebSocket("ws://192.168.2.135:8764/websocket/20".replace("http","ws"));
        //打开事件
        socket.onopen = function(){
            console.log("Socket 已打开");
            $("#show").append("Socket 已打开");

            //socket.send("这是来自客户端的消息" + location.href + new Date());
        };
        //获得消息事件
        socket.onmessage = function(msg) {
            console.log(msg.data);
            $("#show").append("<br/>"+msg.data);
            var audio = document.getElementById('haorooms');
            audio.play();    //audio.play();// 这个就是播放
            //发现消息进入    开始处理前端触发逻辑
        };
        //关闭事件
        socket.onclose = function() {
            console.log("Socket已关闭");
        };
        //发生了错误事件
        socket.onerror = function() {
            alert("Socket发生了错误");
            //此时可以尝试刷新页面
        }
        //离开页面时，关闭socket
        //jquery1.8中已经被废弃，3.0中已经移除
        // $(window).unload(function(){
        //     socket.close();
        //});
    }
</script>
</html>